 // 1.1 获取裁剪区域的图片
  var $image = $('#image')
  // 1.2 配置选项
  const options = {
    // 纵横比
    aspectRatio: 1,
    // 指定预览区域
    preview: '.img-preview'
  }
  // 1.3 创建裁剪区域
  $image.cropper(options);  
  $("#btnCreateAvatar").click(function(){
	  var img = $image
	        .cropper('getCroppedCanvas', { // 创建一个 Canvas 画布
	          width: 100,
	          height: 100
	        }).toDataURL('image/png');       // 将 Canvas 画布上的内容，转化为 base64 格式的字符串
	  // ajk
	  $.ajax({		  
		 method:"POST",
		 url:"/my/update/avatar",
		 data:{
			avatar:img
		 },
		 success:function(result){			 
			alert("更新成功");
			console.log(result);
		 }		  
	  })
	$(".pic",window.parent.document).attr("src",img);
  })
  $("#btnChooseImage").on("click",function(){	 
	 $(".file").click();  	  	  
  })
  $('.file').on('change',function(e){
	  console.log(e);
	  console.log(e.target.files[0]);
  	let files=e.target.files;
  	if(files.length==0){
  			return;
  	}
  	let file=files[0];//获取选择的图片
  	let imgURL=URL.createObjectURL(file);//获取图片的URL地址对象
  	//重新设置剪裁区
  	$image.cropper('destroy');//销毁
  	$image.attr('src',imgURL);//设置图片地址
  	$image.cropper(options);//重新初始化
  });
  